<template>
  <div>
    <div class="header">
      <div style="line-height:50px;margin:0 auto 0 auto;width:100%;cursor: pointer" @click="logoutManager" ><i class="el-icon-user"/> 退出登录</div>
      <div style="margin:0 auto"></div>
    </div>
    <div style="display: flex">
      <div style="width:150px">
        <el-menu class="el-menu-vertical-demo"
                 :default-active="this.$router.path"
                 :collapse="isCollapse"
                 active-text-color="#a6dcff"
                 router>
          <el-menu-item index=" ">
            <i class="el-icon-document"></i>
            <span slot="title">个人记录</span>
          </el-menu-item>
          <el-menu-item index=" ">
            <i class="el-icon-s-promotion"></i>
            <span slot="title">设备借用</span>
          </el-menu-item>
          <el-menu-item index=" ">
            <i class="el-icon-user-solid"></i>
            <span slot="title">设备归还</span>
          </el-menu-item>
        </el-menu>
      </div>
      <div>  <router-view></router-view></div>
    </div>
  </div>
</template>

<script>
import Element from "element-ui";
export default {
  data(){
    return{
      isCollapse:false,
    }
  },
}
</script>

<style scoped>
.header{
  height: 50px;
  display: flex;
  color: aqua;
}
</style>